<template>
    <div>
        <el-form
            :model="form"
            ref="form"
            :rules="rules"
            label-width="80px"
            :inline="false"
            size="small"
        >
            <el-form-item label="费用类型">
                <el-select v-model="form.aa" placeholder="请选择" clearable>
                    <el-option label="-请选择-" value="0"> </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="收费项目">
                <el-select v-model="form.bb" placeholder="请选择" clearable>
                    <el-option label="-请选择-" value="0"> </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="收费对象">
                <el-input v-model="form.a"></el-input>
            </el-form-item>
            <el-form-item label="金额">
                <el-input v-model="form.a"></el-input>
            </el-form-item>
            <el-form-item label="用量">
                <el-input v-model="form.a"></el-input>
            </el-form-item>
            <el-form-item class="bottom-btns">
                <el-button @click="handleCancle"
                    >取 消</el-button
                >
                <el-button
                    type="primary"
                    @click="handleSure"
                    >确 定</el-button
                >
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    name: "collectFee",
    data() {
        return {
            form: {},
            rules: {},
        };
    },
    methods: {
      handleCancle() {
        
        this.$emit('closeCollectFee')
      },
      handleSure() {
        this.$emit('closeCollectFee')
      }
    },
};
</script>

<style lang="scss" scoped>
.bottom-btns{
  text-align: right;
}
</style>